<!DOCTYPE html>
<html lang="cn" xmlns:th="http://www.thymeleaf.org">
<head th:replace="decorator :: common_header(~{::'title/text()'},~{::customHead})">
    <title>菜单管理</title>

    <!--/*/ <th:block th:fragment="customHead" > /*/-->
    <script src="lib/adminLTE/plugins/jQuery/jquery-2.2.3.min.js"></script>
    <link rel="stylesheet" type="text/css"
          href="lib/adminLTE/plugins/datatable/media/css/dataTables.bootstrap.min.css"/>

    <link rel="stylesheet" type="text/css"
          href="lib/adminLTE/plugins/datatable/extensions/Buttons/css/buttons.dataTables.min.css"/>
    <link rel="stylesheet" type="text/css"
          href="lib/adminLTE/plugins/datatable/extensions/Buttons/css/buttons.bootstrap.min.css"/>
    <link rel="stylesheet" type="text/css"
          href="lib/adminLTE/plugins/datatable/extensions/Select/css/select.dataTables.min.css"/>
    <link rel="stylesheet" type="text/css"
          href="lib/adminLTE/plugins/datatable/extensions/Select/css/select.bootstrap.min.css"/>
    <link rel="stylesheet" type="text/css"
          href="lib/adminLTE/plugins/dualListbox/bootstrap-duallistbox.min.css"/>
    <link rel="stylesheet" type="text/css"
          href="lib/dialog/bootstrap-dialog.min.css"/>
    <link rel="stylesheet" type="text/css"
          href="lib/adminLTE/bootstrap-datetimepicker/css/bootstrap-datetimepicker.min.css"/>
    <link rel="stylesheet" type="text/css"
          href="lib/adminLTE/bootstrap-select/css/bootstrap-select.css"/>
</head>
<body th:replace="decorator :: common_body(~{::mainBody},~{::tailScript})">

<!-- 原型注释  -->
<!--/*/ <th:block th:fragment="mainBody" >  /*/-->

<div class="box box-primary search-box">
    <div class="box-header with-border">
        <h3 class="box-title">菜单搜索</h3>
        <div class="box-tools pull-right">

        </div>
        <!-- /.box-tools -->
    </div>
    <!-- /.box-header -->
    <div class="box-body">
        <form class="search-form" action="menuManage/getMenuList">
            <input type="text" style="display: none"/>
            <div class="row">
                <div class="col-md-3"></div>
                <div class="col-md-2">
                    <div class="form-group">
                        <label for="name1">菜单名称:</label>
                        <input id="name1" name="name" type="text" placeholder="菜单名称"
                               class="form-control field"/>
                    </div>
                </div>
                <div class="col-md-2">
                    <div class="form-group">
                        <label for="createStart">创建开始时间:</label>
                        <input id="createStart" name="createStart" type="text" placeholder="创建开始时间"
                               class="form-control field form_datetime"/>
                    </div>
                </div>
                <div class="col-md-2">
                    <div class="form-group">
                        <label for="createEnd">创建结束时间:</label>
                        <input id="createEnd" name="createEnd" type="text" placeholder="创建结束时间"
                               class="form-control field form_datetime"/>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-4"></div>
                <div class="col-md-4">
                    <div class="form-group">
                        <button id="menuSearchBtn" type="button"
                                class="btn btn-primary btn-block btn-flat search-btn">搜索
                        </button>
                    </div>
                </div>
                <div class="col-md-4"></div>
            </div>
        </form>
    </div>
    <!-- /.box-body -->
</div>
<!-- /.box -->
<div class="box box-primary table-box hidden">
    <div class="box-header with-border">
        <h3 class="box-title">菜单管理</h3>
        <div class="box-tools pull-right">

        </div>
        <!-- /.box-tools -->
    </div>
    <!-- /.box-header -->
    <div class="box-body">
        <table class="table table-bordered table-hover data-view" width="100%">
            <thead>
            <tr>
                <th class="text-center text-nowrap">菜单id</th>
                <th class="text-center text-nowrap">菜单名字</th>
                <th class="text-center text-nowrap">菜单父类</th>
                <th class="text-center text-nowrap">菜单类型</th>
                <th class="text-center text-nowrap">排序</th>

                <th class="text-center text-nowrap">创建时间</th>
                <th class="text-center text-nowrap">更新时间</th>
                <th class="text-center text-nowrap">创建者</th>

            </tr>
            </thead>
            <tbody></tbody>
            <tfoot>
            <tr>
                <th class="text-center text-nowrap">菜单id</th>
                <th class="text-center text-nowrap">菜单名字</th>
                <th class="text-center text-nowrap">菜单父类</th>
                <th class="text-center text-nowrap">菜单类型</th>
                <th class="text-center text-nowrap">排序</th>

                <th class="text-center text-nowrap">创建时间</th>
                <th class="text-center text-nowrap">更新时间</th>
                <th class="text-center text-nowrap">创建者</th>

            </tr>
            </tfoot>
        </table>
    </div>
    <!-- /.box-body -->
</div>
<!-- /.box -->
<!--更新模态框开始-->
<div class="modal fade edit-dialog update" role="dialog" aria-labelledby="编辑对话框">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                        aria-hidden="true">&times;</span></button>
                <h4 class="modal-title">菜单修改</h4>
            </div>
            <div class="modal-body">
                <form action="menuManage/updateMenu" id="editForm" class="form-edit update" method="post">
                    <input type="text" style="display: none"/>
                    <!--<input id="id" name="id" type="text" style="display: none"/>-->
                    <div class="form-group">
                        <label class="control-label" for="id"><i class="fa"></i>id</label>
                        <input id="id" name="id" type="text" readonly unselectable="on"
                               class="form-control search-key" placeholder="id">
                    </div>
                    <div class="form-group">
                        <label class="control-label" for="name"><i class="fa"></i>菜单名</label>
                        <input id="name" name="name" type="text" unselectable="on"
                               class="form-control search-key" placeholder="菜单名">
                    </div>

                    <div class="form-group">
                        <label class="control-label" for="pid"><i class="fa"></i>父菜单</label>
                        <select id="pid" name="pid" class="selectpicker show-tick form-control">

                        </select>
                    </div>
                    <div class="form-group">
                        <label class="control-label" for="type"><i class="fa"></i>权限类型</label>
                        <select id="type" name="type" class="selectpicker show-tick form-control">
                            <option value="MEN">菜单</option>
                            <option value="NOT_MEN">节点</option>
                        </select>
                    </div>
                    <span class="help-block"></span>

                    <div class="form-group">
                        <label class="control-label" for="sort"><i class="fa"></i>排序</label>
                        <input id="sort" name="sort" type="text" unselectable="on"
                               class="form-control search-key" placeholder="排序">
                    </div>
                    <div class="form-group">
                        <label class="control-label" for="createTime"><i class="fa"></i>创建时间</label>
                        <input id="createTime" name="createTime" type="text" readonly unselectable="on"
                               class="form-control search-key" placeholder="创建时间">
                    </div>
                    <div class="form-group">
                        <label class="control-label" for="updateTime"><i class="fa"></i>修改时间</label>
                        <input id="updateTime" name="updateTime" type="text" readonly unselectable="on"
                               class="form-control search-key" placeholder="修改时间">
                    </div>
                    <div class="form-group">
                        <label class="control-label" for="createName"><i class="fa"></i>创建者</label>
                        <input id="createName" name="createName" type="text" readonly unselectable="on"
                               class="form-control search-key" placeholder="创建者">
                    </div>

                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default cancel" data-dismiss="modal">取消</button>
                <button type="button" id="carouselEditBtn" class="btn btn-primary submit">提交</button>
            </div>
        </div>
    </div>
</div>
<!--更新模态框结束-->

<!--增加模态框开始-->
<div class="modal fade edit-dialog add" role="dialog" aria-labelledby="编辑对话框">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                        aria-hidden="true">&times;</span></button>
                <h4 class="modal-title">菜单增加</h4>
            </div>
            <div class="modal-body">
                <form action="menuManage/saveMenu" id="addForm" class="form-edit add" method="post">
                    <input type="text" style="display: none"/>
                    <!--<input id="id" name="id" type="text" style="display: none"/>-->
                    <div class="form-group">
                        <label class="control-label" for="names"><i class="fa"></i>菜单名</label>
                        <input id="names" name="name" type="text" unselectable="on"
                               class="form-control search-key" placeholder="菜单名">
                    </div>

                    <div class="form-group">
                        <label class="control-label" for="pids"><i class="fa"></i>父菜单</label>
                        <select id="pids" name="pid" class="selectpicker show-tick form-control">

                        </select>
                    </div>
                    <div class="form-group">
                        <label class="control-label" for="types"><i class="fa"></i>菜单类型</label>
                        <select id="types" name="type" class="selectpicker show-tick form-control">
                            <option value="MEN">菜单</option>
                            <option value="NOT_MEN">节点</option>
                        </select>
                    </div>
                    <span class="help-block"></span>
                    <div class="form-group">
                        <label class="control-label" for="sorts"><i class="fa"></i>排序</label>
                        <input id="sorts" name="sort" type="text" unselectable="on"
                               class="form-control search-key" placeholder="排序">
                    </div>
                    <!--<div class="form-group">
                        <label class="control-label" for="createTime"><i class="fa"></i>创建时间</label>
                        <input id="createTime" name="createTime" type="text" readonly unselectable="on"
                               class="form-control search-key" placeholder="创建时间">
                    </div>-->
                    <!--<div class="form-group">
                        <label class="control-label" for="updateTime"><i class="fa"></i>修改时间</label>
                        <input id="updateTime" name="updateTime" type="text" readonly unselectable="on"
                               class="form-control search-key" placeholder="修改时间">
                    </div>-->
                    <!--<div class="form-group">
                        <label class="control-label" for="createName"><i class="fa"></i>创建者</label>
                        <input id="createName" name="createName" type="text" readonly unselectable="on"
                               class="form-control search-key" placeholder="创建者">
                    </div>-->
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default cancel" data-dismiss="modal">取消</button>
                <button type="button" class="btn btn-primary submit">提交</button>
            </div>
        </div>
    </div>
</div>
<!--增加模态框结束-->
<!--/*/ </th:block > /*/-->

<!-- 原型注释  -->
<!--/*/ <th:block th:fragment="tailScript" > /*/-->
<script type="text/javascript"
        src="lib/adminLTE/plugins/datatable/media/js/jquery.dataTables.min.js"
></script>
<script type="text/javascript"
        src="lib/adminLTE/plugins/datatable/media/js/dataTables.bootstrap.min.js"></script>
<script type="text/javascript"
        src="lib/adminLTE/plugins/datatable/extensions/Buttons/js/dataTables.buttons.min.js"></script>
<script type="text/javascript"
        src="lib/adminLTE/plugins/datatable/extensions/Buttons/js/buttons.bootstrap.min.js"></script>
<script type="text/javascript"
        src="lib/adminLTE/plugins/datatable/extensions/Buttons/js/buttons.html5.min.js"></script>
<script type="text/javascript"
        src="lib/adminLTE/plugins/datatable/extensions/Select/js/dataTables.select.min.js"></script>
<script type="text/javascript"
        src="lib/adminLTE/plugins/dualListbox/jquery.bootstrap-duallistbox.min.js"></script>
<script type="text/javascript"
        src="lib/dialog/bootstrap-dialog.min.js"></script>
<script type="text/javascript" src="lib/adminLTE/bootstrap-datetimepicker/js/bootstrap-datetimepicker.js"></script>
<script type="text/javascript" src="lib/adminLTE/bootstrap-select/js/bootstrap-select.js"></script>

<!-- 自定义脚本开始 -->
<script type="text/javascript" src="js/util/commonUtils.js"></script>
<script type="text/javascript" src="js/menu/menuManage.js"></script>
<script type="text/javascript" src="js/util/alertResult.js"></script>

<!--/*/ </th:block>  /*/-->
</body>
</html>